@import url("fontface.css");
@charset "utf-8";
/* CSS Document */

* {	margin:0; padding:0;}
.clear{ clear:both;}

body{ background-image:url(../../img/site/background-body.jpg); background-repeat: repeat-x; background-position: top; background-color: #DCDCDC;}

#bk_home, #bk_servicios, #bk_productos{
	background-image:url(../../img/site/background2.jpg);
	background-position:center;
    background-position: top;
    background-repeat: no-repeat;
	width: 100%;
	height: auto;
    min-height: 855px;
	overflow: auto;
}

#bk_ubicaciones{
	background-image:url(../../img/site/background3.jpg);
	background-position:center;
    background-position: top;
    background-repeat: no-repeat;           
	width: 100%;
	height: auto;
    min-height: 855px;
	overflow: auto;
}

#bk_producto{
	background-image:url(../../img/site/background4.jpg);
	background-position:center;
    background-position: top;
    background-repeat: no-repeat;              
	width: 100%;
	height: auto;
    min-height: 1260px;
	overflow: auto;
}

#content{ margin:0 auto; width:960px;}

#content .top div.logo{ float:left;}
#content .top .cont_menu{ float:left; width:629px; text-align:right; margin-top:30px;}
#content .top .cont_menu ul#menu{ list-style: none; margin: 0;	padding: 0; float:right;}
#content .top .cont_menu ul#menu li{ float:left; border-right:solid 1px #666; padding:0 10px 0 10px;}
#content .top .cont_menu ul#menu li.current{ color:#462762;}

#content .slider_principal{ margin-top:10px; height: 260px; }

#content h2{font: normal 25px/25px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#462762;}
#content h3{ font-family: arial; font-weight: bold; font-size: 14px; color: #434243;}
#content h4{font: normal 21px/21px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#462762;}
#content h5{font: normal 21px/21px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#434243; margin: 15px 0 0 0;}

#content .empresa{ width:480px; float:left; padding-right:78px; margin-top:27px;}

#content .empresa p{font-family:Arial, Helvetica, sans-serif; font: normal 16px/16px 'DINNextRoundedLTPro-Bold', Helvetica, Arial, sans-serif; color:#434243; line-height:18px; margin-top:20px;}

#content .mediakit{ width:400px; float:left; margin-top:27px;}
#content .mediakit table.table-mediakit td{ border-bottom:solid 1px #462762; padding:20px 0 20px 0;}

#content .clientes{ margin-top:10px;}
#content .clientes div.separatora_clientes{ background-image:url(../../img/site/clientes_separator.png); background-position:top; background-repeat:no-repeat; height:21px; width:960px; }
#content .clientes div.carrusel_clientes { margin: 5px 0 0 20px;}


.footer{ background-image:url(../../img/site/background-footer.jpg); height:73px; line-height:73px; background-repeat:repeat-x;}

.footer div.datos{ width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#434243;}
.footer div.datos ul{ list-style: none; margin: 0;	padding: 0; }
.footer div.datos ul li{ float:left;}
.footer div.datos ul li.ico{ padding:0 8px 0 0;}
.footer div.datos ul li.txt{ padding:0 30px 0 0;}



a.menu:link {text-decoration:none; color: #000; font-size:15px; font-family: 'MyriadPro', Helvetica, Arial, sans-serif;} 
a.menu:visited {text-decoration:none; color: #000; font-size:15px; font-family: 'MyriadPro', Helvetica, Arial, sans-serif;} 
a.menu:active {text-decoration:none; color: #000; font-size:15px; font-family: 'MyriadPro', Helvetica, Arial, sans-serif;} 
a.menu:hover {text-decoration:none; color: #462762; font-size:15px; font-family: 'MyriadPro', Helvetica, Arial, sans-serif;} 

a.menu.current{text-decoration:none; color: #462762; font-size:15px; font-family: 'MyriadPro', Helvetica, Arial, sans-serif;} 

a.amediakit:link {text-decoration:none; color: #462762; font: normal 21px/21px 'DINNextLTPro-Light', Helvetica, Arial, sans-serif;} 
a.amediakit:visited {text-decoration:none; color: #462762; font: normal 21px/21px 'DINNextLTPro-Light', Helvetica, Arial, sans-serif;} 
a.amediakit:active {text-decoration:none; color: #462762; font: normal 21px/21px 'DINNextLTPro-Light', Helvetica, Arial, sans-serif;} 
a.amediakit:hover {text-decoration:underline; color:#462762; font: normal 21px/21px 'DINNextLTPro-Light', Helvetica, Arial, sans-serif;} 

a.mailto:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#434243; text-decoration: none;} 
a.mailto:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#434243; text-decoration: none;} 
a.mailto:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#434243; text-decoration: none;} 
a.mailto:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#434243; text-decoration: underline;} 


a.otroscarteles:link { font: normal 18px/18px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#7FB85D; text-decoration: none;} 
a.otroscarteles:visited { font: normal 18px/18px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#7FB85D; text-decoration: none;} 
a.otroscarteles:active { font: normal 18px/18px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#7FB85D; text-decoration: none;} 
a.otroscarteles:hover { font: normal 18px/18px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#7FB85D; text-decoration: underline;} 

/******** servicios  *************/
#content div.servicios{ clear: both;}
#content .servicios div.esquema{ margin-left: 60px;}
#content h2{font: normal 25px/25px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#462762;}
#content .servicios .esquema div.separator { background-image:url(../../img/site/clientes_separator.png); background-repeat:no-repeat; background-position: center; height:51px; width:960px;}
#content .servicios .txt-esquema{ float: left; margin-right: 40px;}
#content .servicios .txt-esquema p{ width: 400px; text-align: right; font: normal 25px/25px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#5b5b5b;}
#content .servicios .txt-esquema p span{color:#7fb85d; font-size: 32px;}
#content .servicios .table-esquema{ float: left; width: 450px;}
#content .servicios .table-esquema ul.nav_ubicaciones{ list-style-type: none; padding: 0; margin: 0 0 30px 0;}
#content .servicios .table-esquema ul.nav_ubicaciones li{ 
    background-image: url(../../img/site/bullet-servicios.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 45px; 
    min-height: 76px;
    font: normal 15px/15px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#5b5b5b;
}
#content .servicios .table-esquema ul.nav_ubicaciones li.li_ubicaciones{ margin-top: 15px;}
#content .servicios .table-esquema ul.nav_ubicaciones li.li_ubicaciones p{ padding-top: 10px;}
/******** fin servicios  *********/

/******** ubicaciones  ***********/
#content .ubicaciones_back{ background-image:url(../../img/site/background-ubicaciones.jpg); background-repeat: repeat-x; }
#content .ubicaciones{ clear: both; margin-left: 20px;}
#content .ubicaciones p{ font: normal 18px/18px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#434243; line-height: 22px; margin-top: 10px;}
#content .ubicaciones div.puntos{ width: 450px; float: left; margin-right: 40px;}
#content .ubicaciones div.lanzamiento{ width: 450px; float: left;}
#content .ubicaciones ul.nav-ubicacion{ list-style-image: url('../../img/site/bullet-ubicacion.jpg'); margin: 12px 0 0 18px; font-family: arial; font-size: 14px;}
#content .ubicaciones ul.nav-circuitos{ list-style-image: url('../../img/site/bullet-ubicacion.jpg'); margin: 12px 0 0 18px; font-family: arial; font-size: 14px;}
#content .ubicaciones ul.nav-ubicacion li{ padding-bottom: 20px;}
#content .ubicaciones ul.nav-circuitos li{ padding-bottom: 8px;}
#content .ubicaciones_back div.separator { background-image:url(../../img/site/clientes_separator.png); background-repeat:no-repeat; background-position: center; height:20px; width:880px; clear: both;}
#content .ubicaciones div.segmentados{ clear: both;}
#content .ubicaciones .segmentados div.referencias{ text-align: right; font: normal 18px/18px 'DINNextLTPro-Light', Helvetica, Arial, sans-serif; color: #462762; padding: 10px 0; width: 920px;}
#content .ubicaciones div.ubicaciones-mapa{background-image:url(../../img/site/background-mapa.png); width: 927px; height: 482px;}
#content .ubicaciones .ubicaciones-mapa div.cont_table{ padding: 20px 0 20px 20px; float: left;}
#content .ubicaciones .ubicaciones-mapa div.cont_mapa{ padding: 12px 0 0 15px; float: left;}
#content .ubicaciones .ubicaciones-mapa div.cont_table table td{ border-bottom:solid 1px #462762; padding:5px 0 1px 0;}
#content .ubicaciones .ubicaciones-mapa div.cont_table table td h6{ font: normal 18px/18px 'DINNextLTPro-Light', Helvetica, Arial, sans-serif; color: #462762; cursor: pointer;}
/******** fin ubicaciones  *******/

/******** productos  *************/
#content .productos-top{ background-image:url(../../img/site/backgound-productos.png); background-repeat: no-repeat; width: 960px; height: 166px; clear: both; }
#content .productos-top p{font: normal 14px/14px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#434243; line-height: 18px; padding-top: 5px;}
#content .productos-top div.portafolio{ float: left; width: 364px; margin: 25px 230px 0 0;}
#content .productos-top div.carteles{ float: left; width: 364px; margin-top: 25px;}
#content .grilla .cuadrado{ float: left; margin:0 0 40px 0;}
#content .grilla .cuadrado.medio{ margin:0 45px 0 45px;}
#content .grilla .cuadrado div.box{ background-image:url(../../img/site/background-box-productos.png); width: 288px; height: 213px;}
#content .grilla .cuadrado div.box:link{text-decoration: none; border: none;}
#content .grilla .cuadrado div.box:active{text-decoration: none; border: none;}
#content .grilla .cuadrado div.box:hover{text-decoration: none; border: none;}
#content .grilla .cuadrado div.box:visited{text-decoration: none; border: none;}
#content .grilla .cuadrado .box div.logo-avenida{ position: absolute; width: 288px; height: 213px; cursor: pointer;}
#content .grilla .cuadrado .box div.img-producto{ padding: 8px 0 0 8px;}
#content .grilla .cuadrado .box div.descripcion-producto{ font: normal 14px/14px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color: #7FB85D; margin: 20px 0 0 20px; text-decoration: none;}
/******** fin productos  *********/

/******** producto interior ******/
#content .producto-interior{ padding: 40px 0 0 20px;}
#content .producto-interior .col-derecha{ width: 615px; float: left; margin-right: 30px;}
#content .producto-interior .col-derecha span.cobertura{ font: normal 20px/20px 'DINNextLTPro-Regular', Helvetica, Arial, sans-serif; color:#462762;}
#content .producto-interior .col-derecha ul{font-family: arial; margin-left: 18px; font-size: 13px;}
#content .producto-interior .col-derecha div.cuerpo-producto p{padding: 20px 0 10px 0;}
#content .producto-interior .col-derecha div.cuerpo-producto p strong{font-family: arial; font-weight: bold; font-size: 14px; color: #434243;}
#content .producto-interior .col-derecha div.contenedor-foto{ 
    padding: 10px; 
    width: 575px;
    border: solid 1px #dbdbdb;
    -moz-box-shadow: 0px 0px 10px #999;
      -webkit-box-shadow: 0px 0px 10px #999;
      box-shadow: 0px 0px 10px #999;
    }
    
#content .producto-interior .col-izquierda ul.otros-carteles{ list-style-type: none;}  
#content .producto-interior .col-izquierda ul.otros-carteles li{ padding: 8px 0 8px 0;}  
/******** fin producto interior **/